<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>My AngularJS App</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="../../static/css/common.css">
  <link rel="stylesheet" href="../../app.css">
  <link rel="stylesheet" href="../../bower_components/frozenui/css/frozen.css">

</head>
<body  ontouchstart="" ng-app='wdApp'>
  <div class="ui-container" ng-controller="bankCardController" ng-cloak>
    <p class="hint-left">请选择银行卡</p>
    <ul class="ui-list ui-border-tb ui-list-active ui-list-cover"><!-- ui-list-link -->
      <li class="ui-border-t" ng-repeat="item in items">
        <div class="ui-list-img">
          <span style="background-image:url(../../static/img/sample.jpeg)"></span>
        </div>
        <div class="ui-list-info">
          <h4>Sample Card {{$index+1}} {{testee}}</h4>
          <p>xxxx-xxxx-xxxx-xxxx</p>
        </div>
        
        
      </li>
    </ul>


  </div>
  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
  -->
  <script src="../../bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script>
  <script src="../../bower_components/angular/angular.min.js"></script>
  <script src="../../bower_components/frozenui/lib/zepto.min.js"></script>
  <script src="../../bower_components/frozenui/js/frozen.js"></script>

  <script src="bankcard-list.js"></script>
<!--  <script src="../../app.js"></script>-->
  <script>
    //(function (){
    //  var tab = new fz.Scroll('.ui-tab', {
    //    role: 'tab',
    //    autoplay: true,
    //    interval: 3000
    //  });
    //  /* 滑动开始前 */
    //  tab.on('beforeScrollStart', function(fromIndex, toIndex) {
    //    console.log(fromIndex,toIndex);// from 为当前页，to 为下一页
    //  })
    //})();
  </script>
</body>
</html>
